<?
require 'graph_1.php';
require 'graph_2.php';
require 'graph_3.php';
require 'graph_4.php';
require 'graph_5.php';
require 'graph_6.php';



/*
?>
<canvas id="graphOne" width="1100" height="500" ></canvas><br/>
<script type="text/javascript">
//массив точек с описаниями
var data = {'graph': [
        {'point': [
                {"val": "-16,15"},
                <?
                  foreach($ar[1] as $num=>$item){
                    echo '{"val": ' . $item . ', "gval":"' . $item . 'n", "desc": "Строка ' . $num . '"},';
                  }
                ?>
        ],
        'properties':{
                'linecolor':'#8cb9c8', //цвет линий соединящих точки графика
                'pointcolor':'#8cb9c8', //цвет точек
                'spacecolor':'#8cb9c8', //цвет области под графиком
                'linewidth':1, //толщина линий соединяющие точки
                'pointradius':1, //радиус точек
                'spacealpha':0.1, //степень прозрачности области под графиком
                'activepointwidth':2 //радиус активной точки
        }
        }]};

//массив с основными настройками        
var properties = {
        "background":"#ffffff", //общий фон 
        "linescolor":"#dbdbdb", //цвет сетки
        "lineswidth":1, //ширина линий сетки
        "gridwidth":141, //минимальное расстояние между вертикальными линиями
        "gorizontfontcolor":"#969696", //цвет текста на горизонтальных линиях
        "verticalfontcolor":"#969696", //цвет текста на вертикальных линиях
        "gorizontfont":"bold 11px Arial", //шрифт на горизонтальных линиях
        "verticalfont":"bold 11px Arial", //шрифт на вертикальных линиях
};

//массив для настройки вида вспывающих подсказок
var hints = {
        'background':'#4a4a4a', //фон подсказки
        'bordercolor':'#000', //цвет границы
        'borderwidth':2, //ширина границы
        'paddingtb':1, //отступы сверху и снизу
        'paddinglr':1, //отступы слева и справа
        'borderradius':6, //закругленность прямоугольника
        'lineheight':1, //расстояние между строками
        'font':[ //шрифты построчно
                {'color':'#fff','font':'bold 12px Verdana'}//первоя строка    
        ]
};
plotgraph('#graphOne',data,properties,hints);
</script>

<?*/
foreach ($ar as $key=>$arData) {
?>
<canvas width="1100" height="500" id="graph<?=$key?>"></canvas>
<script type="text/javascript">
    var array_data<?=$key?> = new Array(<?=join(', ', $arData)?>);
    g_graph<?=$key?> = new Graph(
    {
      'id': "graph<?=$key?>",
      'strokeStyle': "#819C58",
      'fillStyle': "rgba(64,128,0,0.25)",
      'interval': 0.01,
      'lineWidth': 1,
      'grid' : [0.5,1],
      'range':[-30,30],
      'showdots': false,
      'showlabels': false,
      'call': function(){array_data1.shift();array_data1.shift();return (array_data1.shift());}
    });
</script>
<?
if($key > 0)
  break;
}
?>